<template>
    <div>
        <a-modal
            v-model:visible="visible"
            :title="(linkName == '我的已办'?'查看':'申请')+'报销'"
            width="100%"
            wrapClassName="reimbursementApplication-modal-Lu">
            <a-spin :spinning="loading">
                <div style="width: 100%;margin: 0 auto;">
                    <div class="reimbursementApplication-auditingModal-summary-table">
                        <div class="tabs-card-edit-box">
                            <a-tabs type="card" v-model:activeKey="summaryActiveKey" @change="summaryActiveChange">
                                <a-tab-pane key="汇总表单" tab="汇总表单"></a-tab-pane>
                                <a-tab-pane key="报销明细" tab="报销明细"></a-tab-pane>
                                <a-tab-pane key="申请转账单" tab="申请转账单" v-if="previewTableList.bxd.fbxlx && previewTableList.bxd.fbxlx == '差旅报销'"></a-tab-pane>
                                <a-tab-pane key="特殊事项" tab="特殊事项" v-if="previewTableList.bxd.fbxlx && previewTableList.bxd.fbxlx !== '一般报销'"></a-tab-pane>
                                <a-tab-pane key="事项申请" tab="事项申请" v-if="previewTableList.bxd.fbxdlx !== '审评员报销单'"></a-tab-pane>
                                <a-tab-pane key="用款计划申请" tab="用款计划申请" v-if="previewTableList.bxd.fbxdlx == '审评员报销单'&&linkName=='经办人审核'"></a-tab-pane>
                                <a-tab-pane key="专家劳务费" tab="专家劳务费" v-if="previewTableList.bxd.fbxdlx == '审评员报销单'"></a-tab-pane>
                                <a-tab-pane key="流转记录" tab="流转记录"></a-tab-pane>
                            </a-tabs>
                        </div>
                        <div  class="tab-box-v1">
                            <div v-if="summaryActiveKey == '汇总表单'" class="internalControl-reimbursement-summary-1">
                                <div v-if="previewTableList.bxd.fbxlx && previewTableList.bxd.fbxlx == '差旅报销'" style="display: flex;">
                                    <div class="travelReimbursementForm-print-box">
                                        <h1 class="letterSpan">旅差费报销单</h1>
                                        <div class="travelReimbursementForm-print-title-box" style="padding: 0 40px;">
                                            <span>
                                                <span class="Title">单据号</span> {{ previewTableList.bxd?previewTableList.bxd.fdjh:'' }}
                                            </span>
                                            <span>
                                                <span class="Title">科室</span> {{ previewTableList.bxd?previewTableList.bxd.fjbks:'' }}
                                            </span>
                                            <span>
                                                <span class="Title">填报日期</span>
                                                {{ previewTableList.bxd?previewTableList.bxd.ftbrq.substr(0,4):'' }} <span class="Title">年</span>
                                                {{ previewTableList.bxd?previewTableList.bxd.ftbrq.substr(5,2):'' }} <span class="Title">月</span>
                                                {{ previewTableList.bxd?previewTableList.bxd.ftbrq.substr(8,2):''}}<span class="Title">日</span>
                                            </span>
                                            <span>
                                                <span class="Title">第</span> {{ '1' }} <span class="Title">页共</span> {{ '1' }} <span class="Title">页</span>
                                            </span>
                                        </div>
                                        <table border="1" cellspacing="0" class="travelReimbursementForm-table">
                                            <tr>
                                                <td colspan="2" class="Title">出差<br/>时间</td>
                                                <td colspan="12">
                                                    <div style="display: flex;justify-content: space-around;align-items: center;">
                                                    <span>
                                                        <span class="Title">自</span>
                                                        {{ previewTableList.bxd?previewTableList.bxd.fbxsjms.substr(0,4):'' }}<span class="Title">年</span>
                                                        {{ previewTableList.bxd?previewTableList.bxd.fbxsjms.substr(5,2):'' }}<span class="Title">月</span>
                                                        {{ previewTableList.bxd?previewTableList.bxd.fbxsjms.substr(8,2):'' }}<span class="Title">日</span>
                                                        <br/>
                                                        <span class="Title">至</span>
                                                        {{ previewTableList.bxd?previewTableList.bxd.fbxsjms.substr(11,4):'' }}<span class="Title">年</span>
                                                        {{ previewTableList.bxd?previewTableList.bxd.fbxsjms.substr(16,2):'' }}<span class="Title">月</span>
                                                        {{ previewTableList.bxd?previewTableList.bxd.fbxsjms.substr(19,2):'' }}<span class="Title">日</span>
                                                    </span>
                                                    <span>
                                                        <span class="Title">共</span>
                                                        {{ previewTableList.bxd?returnDayNum(previewTableList.bxd.fbxsjms):'' }}
                                                        <span class="Title">天</span>
                                                    </span>
                                                    </div>
                                                </td>
                                                <td colspan="2" class="Title">姓名</td>
                                                <td colspan="10" style="padding-left: 5px;">{{ previewTableList.bxdgr?getNameList(previewTableList.bxdgr):'' }}</td>
                                                <td colspan="2" class="Title">出差<br/>事由</td>
                                                <td colspan="11" style="text-align: left;padding-left: 5px !important;">{{ previewTableList.bxd?previewTableList.bxd.fjcsxmc:'' }}</td>
                                            </tr>
                                            <colgroup>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col style="width: 1px !important">
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col style="width: 1px !important">
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col style="width: 1px !important">
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col style="width: 1px !important">
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col style="width: 1px !important">
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                            </colgroup>
                                            <tr>
                                                <td colspan="8" class="Title letterSpan">起讫时间及地点</td>
                                                <td :rowspan="3+transportationList1.length"></td>
                                                <td colspan="4" class="Title letterSpan">车船票</td>
                                                <td :rowspan="3+transportationList1.length"></td>
                                                <td colspan="6" class="Title letterSpan">出差补助费</td>
                                                <td :rowspan="3+transportationList1.length"></td>
                                                <td colspan="6" class="Title letterSpan">住宿费</td>
                                                <td :rowspan="3+transportationList1.length"></td>
                                                <td colspan="4" class="Title letterSpan">其他</td>
                                                <td :rowspan="3+transportationList1.length"></td>
                                                <td rowspan="2" colspan="2">报销帐号开户行/城市</td>
                                                <td rowspan="2" colspan="2">报销帐号</td>
                                                <td rowspan="2" colspan="2">报销金额(劳务费/差旅费)</td>
                                            </tr>
                                            <tr>
                                                <td class="Title">月</td>
                                                <td class="Title">日</td>
                                                <td colspan="2" class="Title">起</td>
                                                <td class="Title">月</td>
                                                <td class="Title">日</td>
                                                <td colspan="2" class="Title">讫</td>

                                                <td colspan="2" class="Title">类别</td>
                                                <td colspan="2" class="Title">金额</td>

                                                <td colspan="2" class="Title">天数</td>
                                                <td colspan="2" class="Title">标准</td>
                                                <td colspan="2" class="Title">金额</td>

                                                <td colspan="2" class="Title">天数</td>
                                                <td colspan="2" class="Title">标准</td>
                                                <td colspan="2" class="Title">金额</td>

                                                <td colspan="2" class="Title">摘要</td>
                                                <td colspan="2" class="Title">金额</td>
                                            </tr>
                                            <template v-for="(item,index) in transportationList1" v-if="transportationList1">
                                                <tr>
                                                    <td :key="index">{{ item.fcsjjtwqsrq?item.fcsjjtwqsrq.substr(5,2):'' }}</td>
                                                    <td>{{ item.fcsjjtwqsrq?item.fcsjjtwqsrq.substr(8,2):'' }}</td>
                                                    <td colspan="2">{{ item.fwjtfqscs }}</td>
                                                    <td>{{ item.fcsjjtwddrq?item.fcsjjtwddrq.substr(5,2):'' }}</td>
                                                    <td>{{ item.fcsjjtwddrq?item.fcsjjtwddrq.substr(8,2):'' }}</td>
                                                    <td colspan="2">{{ item.fwjtfddcs }}</td>
                                                    <td colspan="2">{{ item.fcsjjtfs }}</td>
                                                    <td colspan="2">{{ item.fwjtfsbje }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fccts }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fccbzbz }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fccbzje }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fzxfts }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fzsfbz }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fzxfsbje }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fqtzy }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fqtje }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fkfh?item.fkfh:'' + '/' + item.fkhhszd?item.fkhhszd:'' }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fyhkh }}</td>
                                                    <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fclfsbhjje }}</td>
                                                </tr>
                                                <!-- <tr>
                                                    <td :key="index+'.5'">{{ item.fcsjjtfqsrq?item.fcsjjtfqsrq.substr(5,2):'' }}</td>
                                                    <td>{{ item.fcsjjtfqsrq?item.fcsjjtfqsrq.substr(8,2):'' }}</td>
                                                    <td colspan="2">{{ item.ffjtfqscs }}</td>
                                                    <td>{{ item.fcsjjtfddrq?item.fcsjjtfddrq.substr(5,2):'' }}</td>
                                                    <td>{{ item.fcsjjtfddrq?item.fcsjjtfddrq.substr(8,2):'' }}</td>
                                                    <td colspan="2">{{ item.ffjtfddcs }}</td>
                                                    <td colspan="2">{{ item.fcsjjtfsf }}</td>
                                                    <td colspan="2">{{ item.ffjtfsbje }}</td>
                                                </tr> -->
                                            </template>
                                            <tr>
                                                <td colspan="8" class="Title">小计</td>
                                                <td colspan="2"></td>
                                                <td colspan="2">{{ previewTableList.bxd?previewTableList.bxd.fjtfxj:'' }}</td>
                                                <td colspan="2"></td>
                                                <td colspan="2"></td>
                                                <td colspan="2">{{ previewTableList.bxd?previewTableList.bxd.fccbzxj:'' }}</td>
                                                <td colspan="2"></td>
                                                <td colspan="2"></td>
                                                <td colspan="2">{{ previewTableList.bxd?previewTableList.bxd.fzsfxj:'' }}</td>
                                                <td colspan="2"></td>
                                                <td colspan="2">{{ previewTableList.bxd?previewTableList.bxd.fqtxj:'' }}</td>
                                                <td colspan="2"></td>
                                                <td colspan="2"></td>
                                                <td colspan="2">{{ previewTableList.bxd?previewTableList.bxd.fclfbxje:'' }}</td>
                                            </tr>
                                            <tr>
                                                <td colspan="5" class="Title">总计金额(大写)</td>
                                                <td colspan="21">
                                                    {{ previewTableList.bxd?previewTableList.bxd.fhjbxjedx:'' }}
                                                </td>
                                                <td colspan="13" style="text-align: left;padding-left: 10px !important;">
                                                    <span class="Title">核销￥</span>{{ previewTableList.bxd?previewTableList.bxd.fhjbxje:'' }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="39">
                                                    <div class="travelReimbursementForm-print-title-box" style="padding-left: 15px;padding-right: 100px;">
                                                        <span>
                                                            <span class="Title">公务卡￥</span>{{ previewTableList.bxd?previewTableList.bxd.fgwkbxje:'' }}
                                                        </span>
                                                        <span>
                                                            <span class="Title">转账￥</span>{{ previewTableList.bxd?previewTableList.bxd.fzzbxje:'' }}
                                                        </span>
                                                        <span>
                                                            <span class="Title">储蓄卡￥</span>{{ previewTableList.bxd?previewTableList.bxd.fcxkbxje:'' }}
                                                        </span>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                        <div class="travelReimbursementForm-print-title-box" style="padding-left: 15px;padding-right: 60px;padding-top: 10px;">
                                            <span>
                                                <span class="Title">中心领导</span>
                                                <img v-if="getQmImg(previewTableList.bxd.fzxsprid)" :src="getQmImg(previewTableList.bxd.fzxsprid)" alt="签名图片" class="qmImg">
                                                <span v-else >{{ previewTableList.bxd?previewTableList.bxd.fzxspr:'' }}</span>
                                            </span>
                                            <span>
                                                <span class="Title">审核(会计)</span>
                                                <img v-if="getQmImg(previewTableList.bxd.fcwshrid)" :src="getQmImg(previewTableList.bxd.fcwshrid)" alt="签名图片" class="qmImg">
                                                <span v-else >{{ previewTableList.bxd?previewTableList.bxd.fcwshr:'' }}</span>
                                            </span>
                                            <span>
                                                <span class="Title">科室</span>
                                                <img v-if="getQmImg(previewTableList.bxd.fjbbmshrid)" :src="getQmImg(previewTableList.bxd.fjbbmshrid)" alt="签名图片" class="qmImg">
                                                <span v-else >{{ previewTableList.bxd?previewTableList.bxd.fjbbmshr:'' }}</span>
                                            </span>
                                            <span>
                                                <span class="Title">填报人</span>
                                                <img v-if="getQmImg(previewTableList.bxd.fjbrid)" :src="getQmImg(previewTableList.bxd.fjbrid)" alt="签名图片" class="qmImg">
                                                <span v-else >{{ previewTableList.bxd?previewTableList.bxd.fjbr:'' }}</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div style="color: #5ca3e5;writing-mode: vertical-rl;display: flex;justify-content: space-evenly;padding: 125px 4px 35px">
                                        <span>附单据</span>
                                        <span style="font-size: 14px;font-family: 宋体;color: black;">{{ previewTableList.bxd?previewTableList.bxd.fbxdj:'' }}</span>
                                        <span>张</span>
                                    </div>
                                </div>
                                <div v-if="previewTableList.bxd.fbxlx && previewTableList.bxd.fbxlx == '一般报销'" style="width: 70%;margin: 0 auto;">
                                    <div v-if="previewTableList.bxd.fbxdlx == '对公转账申请单'">
                                        <h3 style="text-align: center;font-weight: 600;font-size: 22px;">申请转账单</h3>
                                        <div v-if="isYbbxbt" style="margin-bottom: 20px;">
                                            <table class="applicationForTransferForm-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;table-layout: fixed;">
                                                <colgroup>
                                                    <col style="width: 130px;">
                                                    <col>
                                                    <col style="width: 130px">
                                                    <col>
                                                    <col style="width: 130px">
                                                    <col>
                                                </colgroup>
                                                <tr>
                                                    <th>项&emsp;&emsp;目</th>
                                                    <td>{{ ybbxbtData.xmmc }}</td>
                                                    <th>经济科目</th>
                                                    <td>{{ ybbxbtData.jjkm }}</td>
                                                    <th>金&emsp;&emsp;额</th>
                                                    <td>{{ ybbxbtData.je }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                        <table border="1" cellspacing="0" class="applicationForTransferForm-table">
                                            <tr>
                                                <th style="width:130px;">收款单位</th>
                                                <td>{{ previewTableList.bxd.fskdw }}</td>
                                                <th rowspan="3" style="padding: 0 !important;width:80px;">付款<br/>方式</th>
                                                <td rowspan="3" style="width: 120px;">转&nbsp;账</td>
                                            </tr>
                                            <tr>
                                                <th style="width:130px;">账&nbsp;&nbsp;号</th>
                                                <td>{{ previewTableList.bxd.fkhyhkh.replace(/(\d{4})(?=\d)/g, "$1 ") }}</td>
                                            </tr>
                                            <tr>
                                                <th style="width:130px;">开户银行</th>
                                                <td>{{ previewTableList.bxd.fkhyh }}</td>
                                            </tr>
                                            <tr>
                                                <th style="width:130px;">金&nbsp;&nbsp;额</th>
                                                <td>{{ previewTableList.bxd.fhjbxjedx }}</td>
                                                <td colspan="2" style="text-align: left;">{{ '￥'+previewTableList.bxd.fybbxje }}</td>
                                            </tr>
                                            <tr>
                                                <th style="width:130px;">用&nbsp;&nbsp;途</th>
                                                <td colspan="3">{{ previewTableList.bxd.fbxnrms }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div v-if="previewTableList.bxd.fbxdlx == '支出报销单'">
                                        <div style="display: flex;">
                                            <div class="expenseApprovalForm-print-box">
                                                <h1 class="letterSpan">支出报批单</h1>
                                                <div class="expenseApprovalForm-print-title-box" style="padding: 0 40px;">
                                                    <span>
                                                        <span class="Title">申报科室：</span>{{ previewTableList.bxd.fjbks }}
                                                    </span>
                                                    <span>
                                                        <span class="Title">填报日期：</span>
                                                        {{ previewTableList.bxd.ftbrq?previewTableList.bxd.ftbrq.substr(0,4):'' }} <span class="Title">年</span>
                                                        {{ previewTableList.bxd.ftbrq?previewTableList.bxd.ftbrq.substr(5,2):'' }} <span class="Title">月</span>
                                                        {{ previewTableList.bxd.ftbrq?previewTableList.bxd.ftbrq.substr(8,2):'' }} <span class="Title">日</span>
                                                    </span>
                                                </div>
                                                <div v-if="isYbbxbt" style="margin-bottom: 20px;">
                                                    <table border="1" cellspacing="0" class="expenseApprovalForm-table">
                                                        <colgroup>
                                                            <col style="width: 130px;">
                                                            <col>
                                                            <col style="width: 130px">
                                                            <col>
                                                            <col style="width: 130px">
                                                            <col>
                                                        </colgroup>
                                                        <tr>
                                                            <th>
                                                                <span class="Title">项&emsp;&emsp;目</span>
                                                            </th>
                                                            <td>{{ ybbxbtData.xmmc }}</td>
                                                            <th>
                                                                <span class="Title">经济科目</span>
                                                            </th>
                                                            <td>{{ ybbxbtData.jjkm }}</td>
                                                            <th>
                                                                <span class="Title">金&emsp;&emsp;额</span>
                                                            </th>
                                                            <td>{{ ybbxbtData.je }}</td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <table border="1" cellspacing="0" class="expenseApprovalForm-table">
                                                    <tr>
                                                    <td style="text-align: left;">
                                                        <span class="Title">用途：</span>
                                                        {{ previewTableList.bxd.fbxnrms }}
                                                    </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: left;display: flex;justify-content: space-between;border: unset;">
                                                            <span>
                                                                <span class="Title" style="margin-right: 20px;">金额（大写）：</span>
                                                                <!-- {{ 'x' }} <span class="Title">万</span>
                                                                {{ '贰' }} <span class="Title">仟</span>
                                                                {{ '柒' }} <span class="Title">佰</span>
                                                                {{ '伍' }} <span class="Title">拾</span>
                                                                {{ '零' }} <span class="Title">元</span>
                                                                {{ '零' }} <span class="Title">角</span>
                                                                {{ '零' }} <span class="Title">分</span> -->
                                                                {{ previewTableList.bxd.fhjbxjedx }}
                                                            </span>
                                                            <span style="text-align: right;padding-right: 30px;"><span class="Title">小写￥</span>{{ previewTableList.bxd.fybbxje }}</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                    <td style="display: flex;padding: 0 !important;border: unset;border-top: 1px solid #5ca3e5;">
                                                        <div style="flex: 1;border-right: 1px solid #5ca3e5;">
                                                            <p class="Title" style="text-align: left;padding-left: 5px;">单位领导批示：</p>
                                                            <p style="min-height: 80px;">{{ previewTableList.bxd.fzxspyj }}</p>
                                                            <p style="text-align: right;padding-right: 5px;margin-bottom: 10px;">
                                                                <span style="margin-right: 20px;">
                                                                    <img v-if="getQmImg(previewTableList.bxd.fzxsprid)" :src="getQmImg(previewTableList.bxd.fzxsprid)" alt="签名图片">
                                                                    <span v-else> {{ previewTableList.bxd.fzxspr }}</span>
                                                                </span>
                                                                {{ previewTableList.bxd.fzxspsj?previewTableList.bxd.fzxspsj.substr(5,2):'' }}
                                                                <span class="Title" v-if="previewTableList.bxd.fzxspsj">月</span>
                                                                {{ previewTableList.bxd.fzxspsj?previewTableList.bxd.fzxspsj.substr(8,2):'' }}
                                                                <span class="Title" v-if="previewTableList.bxd.fzxspsj">日</span>
                                                            </p>
                                                        </div>
                                                        <div style="flex: 1;">
                                                            <p class="Title" style="text-align: left;padding-left: 5px;">科室负责人审核：</p>
                                                            <p style="min-height: 80px;">{{ previewTableList.bxd.fjbbmshyj }}</p>
                                                            <p style="text-align: right;padding-right: 5px;margin-bottom: 10px;">
                                                                <span style="margin-right: 20px;">
                                                                    <img v-if="getQmImg(previewTableList.bxd.fjbbmshrid)" :src="getQmImg(previewTableList.bxd.fjbbmshrid)" alt="签名图片">
                                                                    <span v-else> {{ previewTableList.bxd.fjbbmshr }}</span>
                                                                </span>
                                                                {{ previewTableList.bxd.fjbbmshsj?previewTableList.bxd.fjbbmshsj.substr(5,2):'' }}
                                                                <span class="Title" v-if="previewTableList.bxd.fjbbmshsj">月</span>
                                                                {{ previewTableList.bxd.fjbbmshsj?previewTableList.bxd.fjbbmshsj.substr(8,2):'' }}
                                                                <span class="Title" v-if="previewTableList.bxd.fjbbmshsj">日</span>
                                                            </p>
                                                        </div>
                                                    </td>
                                                    </tr>
                                                </table>
                                                <div class="expenseApprovalForm-print-title-box" style="padding: 10px 150px;">
                                                    <span>
                                                        <span class="Title">会计:</span>
                                                        <img v-if="getQmImg(previewTableList.bxd.fcwshrid)" :src="getQmImg(previewTableList.bxd.fcwshrid)" alt="签名图片">
                                                        <span v-else> {{ previewTableList.bxd.fcwshr }}</span>
                                                    </span>
                                                    <span>
                                                        <span class="Title">出纳:</span>
                                                        <img v-if="getQmImg(previewTableList.bxd.fcnshrid)" :src="getQmImg(previewTableList.bxd.fcnshrid)" alt="签名图片">
                                                        <span v-else> {{ previewTableList.bxd.fcnshr }}</span>
                                                    </span>
                                                    <span>
                                                        <span class="Title">经办人:</span>
                                                        <img v-if="getQmImg(previewTableList.bxd.fjbrid)" :src="getQmImg(previewTableList.bxd.fjbrid)" alt="签名图片">
                                                        <span v-else> {{ previewTableList.bxd.fjbr }}</span>
                                                    </span>
                                                </div>
                                                <div style="display: flex;padding-left: 10px;color: #5ca3e5;">
                                                    <div>说明：</div>
                                                    <div>
                                                    <span>1、外来原始凭证粘贴单和大张的外来原始凭证应分项汇总填写此单。</span><br/>
                                                    <span>2、审批程序：科室负责人→会计→单位领导批准。</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div style="color: #5ca3e5;writing-mode: vertical-rl;display: flex;justify-content: space-evenly;padding: 100px 4px 100px">
                                                <span>附凭证</span>
                                                <span style="font-size: 14px;color:black;">
                                                    {{ previewTableList.bxd?previewTableList.bxd.fbxdj:'' }}
                                                </span>
                                                <span>张</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="margin-top: 60px;text-align: center;" v-if="laborCostsList.length">
                                        <h2 style="font-weight: 600;">{{ previewTableList.bxd.fbxnrms }}</h2>
                                        <div style="display: flex;justify-content: space-between;padding: 0px 20px 10px;">
                                            <span>科室：<span>{{ this.formState.fjbks }}</span></span>
                                            <span>日期：<span>{{ this.formState.ftbrq }}</span></span>
                                        </div>
                                        <table border="1" cellspacing="0" style="width: 100%" class="laborCostsTable">
                                            <tr>
                                                <th style="width: 60px;">序号</th>
                                                <th>姓名<span style="color: red;">(必填正确)</span></th>
                                                <th>身份证号<span style="color: red;">(必填正确)</span></th>
                                                <th>单位</th>
                                                <th style="width: 80px;">劳务费<br/>税前金额</th>
                                                <th style="width: 80px;">个税</th>
                                                <th>劳务费实发金额<br/><span style="color: red;">(必填正确)</span></th>
                                                <th>银行卡号</th>
                                            </tr>
                                            <template v-for="(item,index) in laborCostsList">
                                                <tr>
                                                    <td :key="index"> {{ index + 1 }} </td>
                                                    <td> {{ item.realname }} </td>
                                                    <td> {{ item.fsfzh }} </td>
                                                    <td> {{ item.fgzdw }} </td>
                                                    <td> {{ item.flwfsqje }} </td>
                                                    <td> {{ item.flwfgsje }} </td>
                                                    <td> {{ item.flwfsbje }} </td>
                                                    <td>
                                                        {{ item.fyhkh + '/' }}<br/>
                                                        {{ item.fkfh }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">合 计</td>
                                                    <td></td>
                                                    <td></td>
                                                    <td>{{ item.fybbxje }}</td>
                                                    <td></td>
                                                </tr>
                                            </template>
                                        </table>
                                        <div style="display: flex;padding-left: 10px;">
                                            <div style="white-space: nowrap;">说明：</div>
                                            <div style="text-align: left;">
                                                <span>1、当劳务费小于800元，不缴个税，劳务费税前金额=实发金额。</span><br/>
                                                <span>2、当劳务费大于800元且没超过4000元，劳务费税前金额=(劳务费实发金额-160)/0.8，个税=(劳务费税前金额-800元)*20%。</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div v-if="previewTableList.bxd.fbxdlx == '审评员报销单'" class="reimbursement-summary-1" style="width: 80%;margin: 0 auto;">
                                    <div style="font-weight: 600;">
                                        <h3 style="font-size: 22px;text-align: center;">
                                            费用报销单
                                        </h3>
                                        <div style="margin: 0 auto;width: calc(100% - 16px);display: flex;flex-direction: row;justify-content: space-between;">
                                            <span>单据号：{{ formState.fdjh }}</span>
                                            <span>单位：元</span>
                                        </div>
                                    </div>
                                    <div v-if="isXmbg" style="margin-bottom: 20px;">
                                    <table class="internalControl-reimbursement-transportation-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;table-layout: fixed;">
                                        <colgroup>
                                            <col style="width: 120px;">
                                            <col>
                                            <col style="width: 80px">
                                            <col style="width: 80px">
                                            <col style="width: 70px">
                                            <col style="width: 100px;">
                                        </colgroup>
                                        <tr>
                                            <th rowspan="3">预算指标名称</th>
                                            <td>{{ xmbgData.lwmc }}</td>
                                            <th rowspan="3">经济科目</th>
                                            <td>劳务费</td>
                                            <th rowspan="3">金额</th>
                                            <td>{{ xmbgData.lwje }}</td>
                                        </tr>
                                        <tr>
                                            <td>{{ xmbgData.clmc }}</td>
                                            <td>差旅费</td>
                                            <td>{{ xmbgData.clje }}</td>
                                        </tr>
                                        <tr>
                                            <td>{{ xmbgData.gsmc }}</td>
                                            <td>劳务费</td>
                                            <td>{{ xmbgData.gsje }}</td>
                                        </tr>
                                    </table>
                                </div>
                                    <table class="internalControl-reimbursement-transportation-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;table-layout: fixed;">
                                        <tr >
                                            <th>审评内容</th>
                                            <td colspan="2">{{ formState.fbxnrms }}</td>
                                            <th colspan="3">{{ formState.fbxsjms }}</th>
                                        </tr>
                                        <tr >
                                            <th :rowspan="2">姓名</th>
                                            <th>劳务费</th>
                                            <th >差旅费</th>
                                            <th :rowspan="2">报销帐号开户行/城市</th>
                                            <th :rowspan="2" >报销帐号</th>
                                            <!-- <th :rowspan="2">报销金额(劳务费/差旅费)</th> -->
                                            <th :rowspan="2">签字/日期</th>
                                        </tr>
                                        <tr >
                                            <!-- <th >审评天数</th> -->
                                            <th >金额</th>
                                            <th >金额</th>
                                        </tr>
                                        <tr v-for="(item,index) in transportationList1" :key="index" >
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                <span style="display: block;">{{ item.realname }}</span>（{{item.fjcsf}}）
                                            </td>
                                            <!-- <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.flwfts }}
                                            </td> -->
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{item.flwfsbje}}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.fclfsbhjje }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.fkfh }}/{{ item.fkhhszd }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.fyhkh }}
                                            </td>
                                            <!-- <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.flwfsbje }} / {{ item.fclfsbhjje }}
                                            </td> -->
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                <img v-if="getQmImg(item.fuserid)" :src="getQmImg(item.fuserid)" alt="签名图片" class="qmImgge">
                                                <span v-else>{{ item.realname }}</span>
                                                <span style="display: block;">{{ formState.fjcjsrq }}</span>
                                            </td>
                                            <!--  -->
                                            <!-- <td v-if="((index+1) % 2 == 0) && item.list.length == 0">
                                                {{ item.fclfsbhjje }}
                                            </td> -->
                                        </tr>
                                        <template v-for="(fitem,findex) in fjList" >
                                            <tr>
                                                <td :key="findex">
                                                    <span>{{ fitem.mc }}</span>
                                                </td>
                                                <td></td>
                                                <td>{{ fitem.je }}</td>
                                                <td>{{ fitem.khyh }}</td>
                                                <td>{{ fitem.bxzh }}</td>
                                                <td></td>
                                            </tr>
                                        </template>
                                        <tr>
                                            <td>小计</td>
                                            <!-- <td></td> -->
                                            <td>{{ formState.flwfbxje }}</td>
                                            <td>{{ formState.fclfbxje }}</td>
                                            <td></td>
                                            <td></td>
                                            <!-- <td>{{ formState.fhjbxje }}</td> -->
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <th>总计金额</th>
                                            <td colspan="2">大写： {{formState.fhjbxjedx}}</td>
                                            <th>核销</th>
                                            <td colspan="2">{{ formState.fhjbxje }}</td>
                                        </tr>
                                    </table>
                                    <!-- <table class="internalControl-reimbursement-transportation-table" border="1" borderColor="#d9d9d9" cellspacing="0" style="width: calc(100%);border-color: #d9d9d9 !important;">
                                        <tr style="background: #dee5ed !important;">
                                            <th>审评内容</th>
                                            <td colspan="10">{{ previewTableList.bxd.fbxnrms }}</td>
                                            <th colspan="4">{{ previewTableList.bxd.fbxsjms }}</th>
                                        </tr>
                                        <tr style="background: #dee5ed !important;">
                                            <th rowspan="3">姓&ensp;&ensp;名</th>
                                            <th colspan="2">劳务费</th>
                                            <th colspan="8">差旅费</th>
                                            <th rowspan="3">报销帐号开户行/城市</th>
                                            <th rowspan="3" >报销帐号</th>
                                            <th rowspan="3">报销金额(劳务费/差旅费)</th>
                                        </tr>
                                        <tr style="background: #dee5ed !important;">
                                            <th rowspan="2">天&ensp;&ensp;数</th>
                                            <th rowspan="2">金&ensp;&ensp;额</th>
                                            <th colspan="2">城市间交通费</th>
                                            <th colspan="2">住宿费</th>
                                            <th colspan="2">伙食补助费</th>
                                            <th colspan="2">市内交通费</th>
                                        </tr>
                                        <tr style="background: #dee5ed !important;">
                                            <th>起&ensp;&ensp;始</th>
                                            <th>金&ensp;&ensp;额</th>
                                            <th>天&ensp;&ensp;数</th>
                                            <th>金&ensp;&ensp;额</th>
                                            <th>天&ensp;&ensp;数</th>
                                            <th>金&ensp;&ensp;额</th>
                                            <th>天&ensp;&ensp;数</th>
                                            <th>金&ensp;&ensp;额</th>
                                        </tr>
                                        <tr v-for="(item,index) in transportationList1" :key="index" :style="{background:item.bgColor?'#f0f0f1 !important':''}">
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                {{ item.realname }}
                                                <span style="display: block;">（{{item.fjcsf}}）</span>
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0" class="serviceFee-icon-text-td">
                                                {{ item.flwfts }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                {{item.flwfsbje}}
                                            </td>
                                            <td>

                                                <span v-if="!(item.fcsjjtfs == '单位派车' ||item.fcsjjtfs =='无单位派车')">
                                                    {{ item.fwjtfqscs }}
                                                    -
                                                    {{ item.fwjtfddcs }}
                                                </span>
                                                <span v-else>/</span>
                                            </td>
                                            <td>
                                                <span style="display: block;">{{ item.fwjtfsbje }}</span>
                                                <span v-if="item.fwjtfsfdf == '是'" style="font-size: 12px;">垫付人：{{ item.fwjtfdfrxm }}</span>
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                {{ item.fzxfts }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                <span style="display: block;">{{ item.fzxfsbje }}</span>
                                                <span v-if="item.fzxfsfdf == '是'" style="font-size: 12px;">垫付人：{{ item.fzxfdfrxm }}</span>
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0" class="serviceFee-icon-text-td">
                                                {{ item.fhsbzts }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                {{ item.fhsbzsbje }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0" class="serviceFee-icon-text-td">
                                                {{ item.fsnjtbzts }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                {{ item.fsnjtbzje }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                <span>{{ item.fkfh}}</span>
                                                /
                                                <span>{{ item.fkhhszd}}</span>
                                            </td>

                                            <td
                                                :rowspan="item.list.length"
                                                v-if="item.list.length !== 0"
                                                style="width: 130px;white-space: normal;word-wrap: break-word;word-break: break-all;">
                                                {{ item.fyhkh }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                {{item.flwfsbje}}
                                                <span v-if="item.flwfsfjgs == '是'">+{{ item.flwfgsje }}(劳务个税)</span>
                                                /
                                                {{item.fclfsbhjje}}
                                            </td>

                                        </tr>
                                        <tr>
                                            <th>总计金额</th>
                                            <td colspan="13">{{previewTableList.bxd.fhjbxje}}</td>
                                        </tr>
                                        <tr>
                                            <th>附单据</th>
                                            <td colspan="13">
                                                <span>
                                                    {{ previewTableList.bxd.fbxdj }}
                                                </span>
                                                <span> 张</span>
                                            </td>
                                        </tr>
                                    </table> -->
                                </div>
                            </div>
                            <div v-if="summaryActiveKey == '报销明细'" class="internalControl-reimbursement-summary-1">
                                <div style="width: 100%;">
                                    <div>
                                        <div class="table-hear">
                                            <h3>报销明细</h3>
                                        </div>
                                        <!-- <table v-if="previewTableList.bxd.fbxdlx == '审评员报销单'" class="internalControl-reimbursement-transportation-table" border="1" borderColor="#d9d9d9" cellspacing="0" style="width: calc(100%);border-color: #d9d9d9 !important;">
                                            <tr style="background: #dee5ed !important;">
                                                <th style="width: 70px;">姓&ensp;&ensp;名</th>
                                                <th>工作单位</th>
                                                <th>审评身份</th>
                                                <th>审评企业名称</th>
                                                <th>企业地址</th>
                                                <th>审评事项名称 </th>
                                                <th>报销分类</th>
                                                <th style="width: 70px;">实报合计费用</th>
                                            </tr>
                                            <tr v-for="(item,index) in previewTableList.bxmx" :key="index" :style="{background:index % 2 !== 0?'#f0f0f1 !important':''}">
                                                <td>
                                                    <span style="display: flex;justify-content: center;" v-if="item.realname && item.realname.length == 2">
                                                        <span style="width: 48px;display: flex;justify-content: space-between;">
                                                            <span v-for="(trem,tI) in item.realname.split('')" :key="tI" >
                                                                {{trem}}
                                                                <span v-if="tI+1 !== item.realname.split('').length">&nbsp;&nbsp;</span>
                                                            </span>
                                                        </span>
                                                    </span>
                                                    <span v-else>{{ item.realname }}</span>
                                                </td>
                                                <td>{{ item.fgzdw }}</td>
                                                <td>{{ item.fjcsf }}</td>
                                                <td>{{ item.fjcqymc }}</td>
                                                <td>{{ item.fqydz }}</td>
                                                <td>{{ item.fjcsxmc }}</td>
                                                <td>{{ item.fbxxmfl1 }}</td>
                                                <td>{{ item.fsbhjfy }}</td>
                                            </tr>
                                            <tr v-if="previewTableList.bxmx.length == 0">
                                                <td colspan="8">暂无数据</td>
                                            </tr>
                                        </table> -->
                                        <table v-if="previewTableList.bxd.fbxdlx == '审评员报销单'" class="internalControl-reimbursement-transportation-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;table-layout: fixed;width: 80%;margin: 0 auto;">
                                            <tr >
                                                <th>审评内容</th>
                                                <td colspan="10">{{ formState.fbxnrms }}</td>
                                                <th colspan="4">{{ formState.fbxsjms }}</th>
                                            </tr>
                                            <tr >
                                                <th rowspan="3">姓名</th>
                                                <th colspan="2">劳务费</th>
                                                <th colspan="10">差旅费</th>
                                                <th colspan="2">报销金额</th>
                                            </tr>
                                            <tr >
                                                <th rowspan="2">审评<br/>天数</th>
                                                <th rowspan="2">金额</th>
                                                <th colspan="4">城市间交通费</th>
                                                <th colspan="2">住宿费</th>
                                                <th colspan="2">伙食补助费</th>
                                                <th colspan="2">市内交通费</th>
                                                <th rowspan="2">劳务费</th>
                                                <th rowspan="2">差旅费</th>
                                            </tr>

                                            <tr >
                                                <th>日期</th>
                                                <th>起始</th>
                                                <th>交通<br/>方式</th>
                                                <th>金额</th>
                                                <th>天数</th>
                                                <th>金额</th>
                                                <th>天数</th>
                                                <th>金额</th>
                                                <th>天数</th>
                                                <th>金额</th>
                                            </tr>
                                            <tr v-for="(item,index) in transportationList1" :key="index" >
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    <span style="display: block;">{{ item.realname }}</span>（{{item.fjcsf}}）
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.flwfts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.flwfsbje }}
                                                </td>
                                                <td >
                                                    <span v-if="item.fcsjjtwqsrq && item.fcsjjtwddrq">
                                                        {{item.fcsjjtwqsrq.substr(5,2)}}.{{item.fcsjjtwqsrq.substr(8,2)}} -
                                                        {{item.fcsjjtwddrq.substr(5,2)}}.{{item.fcsjjtwddrq.substr(8,2)}}
                                                    </span>
                                                    <span v-else></span>
                                                </td>
                                                <td >
                                                    {{item.fwjtfqscs}}-{{ item.fwjtfddcs }}
                                                </td>
                                                <td >
                                                    {{ item.fcsjjtfs }}
                                                </td>
                                                <td >
                                                    {{ item.fwjtfybje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fzxfts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fzxfsbje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fhsbzts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fhsbzsbje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fsnjtbzts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fsnjtbzje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.flwfsbje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fclfsbhjje }}
                                                </td>
                                            </tr>
                                            <colgroup>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col>
                                                <col style="width: 30px !important;">
                                                <col>
                                                <col style="width: 30px !important;">
                                                <col>
                                                <col style="width: 30px !important;">
                                                <col>
                                                <col>
                                                <col>
                                            </colgroup>
                                            <tr>
                                                <td>小计</td>
                                                <td></td>
                                                <td>{{  formState.flwfbxje }}</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td>{{ formState.fjtfxj }}</td>
                                                <td></td>
                                                <td>{{ formState.fzsfxj }}</td>
                                                <td></td>
                                                <td>{{ formState.fhsbzxj }}</td>
                                                <td></td>
                                                <td>{{ formState.fsnjtfxj }}</td>
                                                <td>{{ formState.flwfbxje }}</td>
                                                <td>{{ formState.fclfbxje }}</td>
                                            </tr>
                                        </table>
                                        <table v-else class="internalControl-reimbursement-transportation-table" border="1" borderColor="#d9d9d9" cellspacing="0" style="width: calc(100%);border-color: #d9d9d9 !important;">
                                            <tr style="background: #dee5ed !important;">
                                                <th style="width: 70px;">姓&ensp;&ensp;名</th>
                                                <th>科&ensp;&ensp;室</th>
                                                <th>报销内容描述</th>
                                                <th>报销项目分类</th>
                                                <th>报销账户</th>
                                                <th>开户行名称</th>
                                                <th>实报合计费用</th>
                                                <th style="width: 70px;" v-if="previewTableList.bxd.fbxdlx !== '审评员报销单'">卡&ensp;&ensp;类</th>
                                            </tr>
                                            <tr v-if="previewTableList.bxmx.length" v-for="(item,index) in previewTableList.bxmx" :key="index" :style="{background:index % 2 !== 0?'#f0f0f1 !important':''}">
                                                <td>{{ item.realname }}</td>
                                                <td>{{ item.fpjks }}</td>
                                                <td>{{ item.fbxnrms }}</td>
                                                <td>{{ item.fbxxmfl1 }}</td>
                                                <td>{{ item.fyhkh }}</td>
                                                <td>{{ item.fkhh }}</td>
                                                <td>{{ previewTableList.bxd.fbxdlx == '审评员报销单'?item.fsbhjfy:item.fbzmx }}</td>
                                                <td v-if="previewTableList.bxd.fbxdlx !== '审评员报销单'">{{ item.fkl }}</td>
                                            </tr>
                                            <tr v-if="previewTableList.bxmx.length == 0">
                                                <td colspan="11">暂无数据</td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div style="margin-top: 20px;" v-if="linkName !=='经办人审核' && previewTableList.bxd.fbxdlx !== '审评员报销单'">
                                        <div class="table-hear">
                                            <h3>指标名称</h3>
                                        </div>
                                        <table class="internalControl-reimbursement-transportation-table" border="1" borderColor="#d9d9d9" cellspacing="0" style="width: calc(100%);border-color: #d9d9d9 !important;">
                                            <tr style="background: #dee5ed !important;">
                                                <th>预算指标名称</th>
                                                <th>科&ensp;&ensp;室</th>
                                                <th>科室经济分类</th>
                                                <!-- <th>已申请支付金额</th> -->
                                                <th>总指标</th>
                                                <th>指标结余</th>
                                                <th>支出进度</th>
                                            </tr>
                                            <tr v-if="previewTableList.yszb.length" v-for="(item,index) in previewTableList.yszb" :key="index" :style="{background:index % 2 !== 0?'#f0f0f1 !important':''}">
                                                <td>{{ item.fysxmmc }}</td>
                                                <td>{{ item.fbm }}</td>
                                                <td>{{ item.fbmjjflmc }}</td>
                                                <!-- <td>{{ item.fysqje }}</td> -->
                                                <td>{{ item.fzzb }}</td>
                                                <td>{{ item.fzbjy }}</td>
                                                <td>{{ Number(item.fzcjd * 100).toFixed(2) + '%' }}</td>
                                            </tr>
                                            <tr v-if="previewTableList.yszb.length == 0">
                                                <td colspan="6">暂无数据</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div v-if="summaryActiveKey == '事项申请'" class="internalControl-reimbursement-summary-1">
                                <div class="preview-box">
                                    <div>
                                        <div class="table-hear">
                                            <h3>事项申请</h3>
                                        </div>
                                        <table class="internalControl-reimbursement-transportation-table" border="1" borderColor="#d9d9d9" cellspacing="0" style="width: calc(100%);border-color: #d9d9d9 !important;">
                                            <tr style="background: #dee5ed !important;">
                                                <th>姓&ensp;&ensp;名</th>
                                                <th>摘&ensp;&ensp;要</th>
                                                <th>操&ensp;&ensp;作</th>
                                            </tr>
                                            <tr v-if="previewTableList.sxsq.length" v-for="(item,index) in previewTableList.sxsq" :key="index" :style="{background:index % 2 !== 0?'#f0f0f1 !important':''}">
                                                <td>{{ item.fxm }}</td>
                                                <td>{{ item.fsy }}</td>
                                                <td>
                                                    <a-button v-if="previewTableList.bxd.flcbm == 'NK_JCXSWSQ'" class="blue-btn" @click="previewClicks(item)">预览</a-button>
                                                    <a-button v-else class="blue-btn" @click="previewClick(item)">预览</a-button>
                                                </td>
                                            </tr>
                                            <tr v-if="previewTableList.sxsq.length == 0">
                                                <td colspan="3">暂无数据</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div v-if="summaryActiveKey == '特殊事项'" class="internalControl-reimbursement-summary-1" style="width: 70%;margin: 0 auto;">
                                <a-button v-if="previewTableList.bxd.fbxdlx == '审评员报销单'" class="green-btn" type="primary" @click="uploadFilesListOther(false)" icon="eye">特殊事项-其他 附件列表查看</a-button>
                                <div v-if="previewTableList.tssx.length">
                                    <div v-for="(item,index) in previewTableList.tssx" :key="index" style="margin-bottom: 15px;">
                                        <div class="table-hear">
                                            <h3>xx壮族自治区食品药品审评查验中心报账特殊情况申请表</h3>
                                        </div>
                                        <table class="internalControl-reimbursement-transportation-table" border="1" borderColor="#d9d9d9" cellspacing="0" style="width: calc(100%);border-color: #d9d9d9 !important;">
                                            <tr style="background: #dee5ed !important;">
                                                <th colspan="4">审评内容</th>
                                            </tr>
                                            <tr>
                                                <td class="special-table-lable-td">申请科室</td>
                                                <td>{{ formState.fjbks }}</td>
                                                <td class="special-table-lable-td">申请人</td>
                                                <td>{{ formState.fjbr }}</td>
                                            </tr>
                                            <tr>
                                                <td class="special-table-lable-td">项目内容</td>
                                                <td>{{ formState.fbxnrms }}</td>
                                                <td class="special-table-lable-td">项目时间</td>
                                                <td>{{ formState.fbxsjms }}</td>
                                            </tr>
                                            <tr>
                                                <td class="special-table-lable-td">申请日期</td>
                                                <td>
                                                    <span>{{ item.fsqrq?moment(item.fsqrq).format('YYYY-MM-DD'):'' }}</span>
                                                </td>
                                                <td v-if="item.fsqlx !== '无单位派车'" class="special-table-lable-td">特殊情况申请天数</td>
                                                <td v-if="item.fsqlx !== '无单位派车'">
                                                    <span>{{ item.fsqts }}</span>
                                                </td>
                                            </tr>
                                            <tr v-if="item.fsqlx !== '无单位派车'">
                                                <td class="special-table-lable-td">
                                                    <div style="display: flex;justify-content: center;">
                                                        <span style="width: 64px;display: flex;justify-content: space-between;">
                                                            <span>金</span>
                                                            <span>额</span>
                                                        </span>
                                                    </div>

                                                </td>
                                                <td>
                                                    <span>{{ item.fsqje }}</span>
                                                </td>
                                            </tr>
                                            <tr style="background: #dee5ed !important;" v-if="item.fsqlx == '超期产生' || item.fsqlx == '超期产生和午休房'">
                                                <th colspan="4">超期产生额外费用报销填报</th>
                                            </tr>
                                            <tr v-if="item.fsqlx == '超期产生' || item.fsqlx == '超期产生和午休房'">
                                                <td class="special-table-lable-td">特殊情况说明</td>
                                                <td colspan="3" style="text-align: left;">
                                                    <span>{{ item.fewfybxsm }}</span>
                                                </td>
                                            </tr>
                                            <tr v-if="(item.fsqlx == '超期产生' || item.fsqlx == '超期产生和超期产生')">
                                                <td class="special-table-lable-td">申请人签字</td>
                                                <td>
                                                    <img v-if="getQmImg(item.fsqrid)" :src="getQmImg(item.fsqrid)" alt="签名图片">
                                                    <span v-else>{{ item.fsqr }}</span>
                                                </td>
                                                <td class="special-table-lable-td">中心领导签字确认</td>
                                                <td>
                                                    <img v-if="getQmImg(item.fzxldyjrid)" :src="getQmImg(item.fzxldyjrid)" alt="签名图片">
                                                    <span v-else>{{ item.fzxldyjr }}</span>
                                                </td>
                                            </tr>
                                            <tr style="background: #dee5ed !important;" v-if="item.fsqlx == '午休房' || item.fsqlx == '超期产生和午休房'">
                                                <th colspan="4">午休房报销填报</th>
                                            </tr>
                                            <tr v-if="item.fsqlx == '午休房' || item.fsqlx == '超期产生和午休房'">
                                                <td class="special-table-lable-td">项目地址</td>
                                                <td>
                                                    <span>{{ item.fwxfbxxmdz }}</span>
                                                </td>
                                                <td class="special-table-lable-td">工作地址</td>
                                                <td>
                                                    <span>{{ item.fwxfbxgzdz }}</span>
                                                </td>
                                            </tr>
                                            <tr v-if="(item.fsqlx == '午休房' || item.fsqlx == '超期产生和午休房')">
                                                <td class="special-table-lable-td">申请人签字</td>
                                                <td>
                                                    <img v-if="getQmImg(item.fsqrid)" :src="getQmImg(item.fsqrid)" alt="签名图片">
                                                    <span v-else>{{ item.fsqr }}</span>
                                                </td>
                                                <td class="special-table-lable-td">中心领导签字确认</td>
                                                <td>
                                                    <img v-if="getQmImg(item.fzxldyjrid)" :src="getQmImg(item.fzxldyjrid)" alt="签名图片">
                                                    <span v-else>{{ item.fzxldyjr }}</span>
                                                </td>
                                            </tr>
                                            <tr style="background: #dee5ed !important;" v-if="item.fsqlx == '无单位派车' || item.fsqlx == '超期产生和无单位派车'">
                                                <th colspan="4">无单位派车报销填报</th>
                                            </tr>
                                            <tr v-if="item.fsqlx == '无单位派车' || item.fsqlx == '超期产生和无单位派车'">
                                                <td class="special-table-lable-td">无城市间交通费/无住宿说明</td>
                                                <td colspan="3" style="text-align: left;">
                                                    <span>{{ item.fewfybxsm }}</span>
                                                </td>
                                            </tr>
                                            <tr v-if="(item.fsqlx == '无单位派车' || item.fsqlx == '超期产生和无单位派车')">
                                                <td class="special-table-lable-td">申请人签字</td>
                                                <td>
                                                    <img v-if="getQmImg(item.fsqrid)" :src="getQmImg(item.fsqrid)" alt="签名图片">
                                                    <span v-else>{{ item.fsqr }}</span>
                                                </td>
                                                <td class="special-table-lable-td">中心领导签字确认</td>
                                                <td>
                                                    <img v-if="getQmImg(item.fzxldyjrid)" :src="getQmImg(item.fzxldyjrid)" alt="签名图片">
                                                    <span v-else>{{ item.fzxldyjr }}</span>
                                                </td>
                                            </tr>
                                            <tr v-if="previewTableList.bxd.fbxdlx == '审评员报销单'">
                                                <td class="special-table-lable-td">附件列表</td>
                                                <td colspan="3">
                                                    <uploadFilesList
                                                        :key="item.id"
                                                        :config="{isUpload: false}"
                                                        :filesFormState="{...item}"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div v-else>
                                    <a-empty />
                                </div>
                            </div>
                            <div v-if="summaryActiveKey == '申请转账单'" class="internalControl-reimbursement-summary-1">
                                <div v-if="previewTableList.sqzzt.length" class="applicationForTransferForm-print-box preview-box">
                                    <div v-for="(item,index) in previewTableList.sqzzt" :key="index">
                                        <h3 style="text-align: center;font-weight: 600;font-size: 22px;">申请转账单</h3>
                                        <table border="1" cellspacing="0" class="applicationForTransferForm-table">
                                            <tr>
                                                <th style="width:130px;">收款单位</th>
                                                <td>{{ item.fskdw }}</td>
                                                <th rowspan="3" style="padding: 0 !important;width:80px;">付款<br/>方式</th>
                                                <td rowspan="3" style="width: 120px;">{{ item.ffkfs }}</td>
                                            </tr>
                                            <tr>
                                                <th style="width:130px;">账&nbsp;&nbsp;号</th>
                                                <td>{{ item.fzh.replace(/(\d{4})(?=\d)/g, "$1 ") }}</td>
                                            </tr>
                                            <tr>
                                                <th style="width:130px;">开户银行</th>
                                                <td>{{ item.fkhyh }}</td>
                                            </tr>
                                            <tr>
                                                <th style="width:130px;">金&nbsp;&nbsp;额</th>
                                                <td>{{ item.fjedx }}</td>
                                                <td colspan="2" style="text-align: left;">{{ '￥'+item.fjexx }}</td>
                                            </tr>
                                            <tr>
                                                <th style="width:130px;">用&nbsp;&nbsp;途</th>
                                                <td colspan="3">{{ item.fyt }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div v-else>
                                    <a-empty />
                                </div>
                            </div>
                            <div v-if="summaryActiveKey == '用款计划申请'" class="internalControl-reimbursement-summary-1">
                                <a-button @click="indexHandleClick" class="blue-btn" style="margin: 20px 0 5px;" v-if="descriptionsData('经办人审核').blzt !== '已办'">点击选择</a-button>
                                    <table border="1" cellspacing="0" class="internalControl-reimbursement-transportation-table" style="width: 100%" :key="tableKey">
                                        <tr>
                                            <th colspan="6" style="background-color: #5ca3e5 !important;color: white !important;">项目预算指标</th>
                                        </tr>
                                        <tr>
                                            <th>预算指标名称</th>
                                            <th>科&ensp;&ensp;室</th>
                                            <th>经济科目</th>
                                            <th>指标结余</th>
                                            <th>报销金额</th>
                                        </tr>
                                        <tr v-if="currentSteps2Table.length > 0" v-for="(item,index) in currentSteps2Table" :key="index">
                                            <td>{{ item.fysxmmc }}</td>
                                            <td>{{ item.fbm }}</td>
                                            <td>{{ item.fbmjjflmc }}</td>
                                            <td>{{ item.fzbjy }}</td>
                                            <td>{{ item.fbxje }}</td>
                                        </tr>
                                        <tr v-if="currentSteps2Table.length == 0">
                                            <td colspan="6">
                                                暂无数据
                                            </td>
                                        </tr>
                                    </table>
                            </div>
                            <div v-if="summaryActiveKey == '专家劳务费'" class="internalControl-reimbursement-summary-1">
                                <div class="table-hear">
                                    <h3>{{ previewTableList.bxd.fjcqymc }}专家劳务费</h3>
                                </div>
                                <table class="internalControl-reimbursement-transportation-table" border="1" borderColor="#d9d9d9" cellspacing="0" style="width: calc(100%);border-color: #d9d9d9 !important;">
                                    <tr style="background: #dee5ed !important;">
                                        <th>序&ensp;&ensp;号</th>
                                        <th>姓&ensp;&ensp;名</th>
                                        <th>身份证号</th>
                                        <th>单&ensp;&ensp;位</th>
                                        <th>职&ensp;&ensp;称</th>
                                        <th>劳务费税前金额</th>
                                        <th>个&ensp;&ensp;税</th>
                                        <th>劳务费实发金额</th>
                                        <th>银行卡号</th>
                                    </tr>
                                    <tr v-for="(item,index) in expertServicesList" :key="index" :style="{background:index % 2 !== 0?'#f0f0f1 !important':''}">
                                        <td>{{ index+1 }}</td>
                                        <td>{{ item.realname }}</td>
                                        <td>{{ item.fsfzh }}</td>
                                        <td>{{ item.fgzdw }}</td>
                                        <td>{{ item.fzc }}</td>
                                        <td>{{ item.flwfsqje }}</td>
                                        <td>{{ item.flwfgsje }}</td>
                                        <td>{{ item.flwfsbje }}</td>
                                        <td>{{ item.fyhkh }}</td>
                                    </tr>
                                    <tr :style="{background:(expertServicesList.length - 1) / 2 !== 0?'#f0f0f1':''}">
                                        <th>合&ensp;&ensp;计</th>
                                        <td colspan="8">{{ expertServicesTotal }}</td>
                                    </tr>
                                    <tr :style="{background:(expertServicesList.length - 1) / 2 == 0?'#f0f0f1':''}">
                                        <td colspan="9">
                                            备注：当劳务费小于800元，不缴个税，劳务费税前金额=实发金额；当劳务费大于800且没超过4000元，劳务费税前金额=（劳务费实发金额-160）/0.8，个税=(劳务费税前金额- 800元)*20%。
                                        </td>
                                    </tr>
                                    <!-- <tr>
                                        <td>部门负责人</td>
                                        <td>{{ previewTableList.bxd. }}</td>
                                        <td>经办人</td>
                                        <td colspan="2"></td>
                                        <td>审核</td>
                                        <td colspan="2"></td>
                                    </tr> -->
                                </table>
                            </div>
                            <div v-if="summaryActiveKey == '流转记录'" class="internalControl-reimbursement-summary-1">
                                <transferRecords
                                    ref="transferRecordsRef"
                                    :config="circulationDataTableConfig"/>
                            </div>
                        </div>
                    </div>
                </div>
            </a-spin>
            <template slot="footer">
                <span v-if="linkName == '财务审核'" style="margin-right: 20px;">
                    (非必选)下一审核人员：
                    <a-select
                        v-model="formState.fcwxzrid"
                        :allowClear="true"
                        style="width: 160px" @change="getDbrid(formState.fcwxzrid)"
                        placeholder="请选择下一审核人员">
                        <a-select-option v-for="(trem,tIndex) in fuZhuRenList" :key="tIndex" :value="trem.id">{{ trem.realname }}</a-select-option>
                    </a-select>
                </span>
                <!-- <a-button v-if="linkName !== '出纳审核' && linkName !== '我的已办'" :loading="bloading" @click="saveClick()">保存</a-button>
                <a-button v-if="linkName !== '出纳审核' && linkName !== '我的已办'" class="blue-btn" type="primary" @click="submitClick()">提交并关闭</a-button>
                <a-button v-if="linkName == '出纳审核'" class="blue-btn" type="primary" @click="submitClick()">确认核销</a-button> -->
                <a-button v-if="linkName == '经办人审核'" class="blue-btn" @click="jcyEditHandle">{{ this.previewTableList.bxd.fbxdzt == '完成'?'编辑':'继续编辑' }}</a-button>
                <a-button v-if="linkName !== '我的已办' && linkName !== '出纳审核'" class="blue-btn" @click="auditingVisible = true">填写意见</a-button>
                <a-button v-if="linkName == '出纳审核'" class="blue-btn" type="primary" @click="submitClick()">确认核销</a-button>
                <a-button v-if="linkName == '出纳审核'" class="red-btn" type="primary" @click="returnClick()">退回</a-button>
                <a-button v-if="linkName == '我的已办'" @click="visible = false">关闭</a-button>
                <a-button v-if="linkName == '我的已办'" class="blue-btn" type="primary" @click="totalPrintClick(true)">打印预览</a-button>
            </template>
        </a-modal>
        <a-modal
            v-model:visible="auditingVisible"
            title="审核意见填写"
            width="60%"
            wrapClassName="internalControl-reimbursement-auditingModal-form-box">
            <a-spin :spinning="tloading">
                <div style="width: 80%;margin: 0 auto;">
                    <a-form :form="cform" ref="form" class="internalControl-reimbursement-model-form-box">
                        <a-descriptions bordered style="width: 100%;" v-if="auditingVisible">
                            <a-descriptions-item :span="3" v-if="descriptionsData('经办人审核').hjmc && descriptionsData('经办人审核').blzt !== '已办'">
                                <span slot="label" class="descriptions-label-slot">
                                    <span class="xhText" v-if="linkName == '经办人审核'">*</span>
                                    经办人审核
                                </span>
                                <a-form-item ref="fjbrshyj" prop="fjbrshyj" class="zm-form-model">
                                    <div style="width: 100%;" v-if="(descriptionsData('经办人审核').blzt !== '已办' && linkName!=='我的已办') || linkName == '数据修订'">
                                        <reviewOpinions
                                            ref="reviewOpinionsReffjbrshyj"
                                            @getInputOpinion="getInputOpinion"
                                            @openOpinions="opinions('ideaType',formState.fjbrshyj,'fjbrshyj')"
                                            v-decorator="[
                                            'fjbrshyj', {initialValue:formState.fjbrshyj,rules: rules.fjbrshyj}]"
                                        />
                                    </div>
                                    <div style="width: 100%;" v-else>
                                        <p>{{ formState.fjbrshyj }}</p>
                                        <div class="yjqm-right-bottom">
                                            <img v-if="getQmImg(formState.fjbrshrid)" :src="getQmImg(formState.fjbrshrid)" alt="" class="yjqmImg"/>
                                            <span v-else class="yjqmImg">{{ formState.fjbrshr }}</span>
                                            <span>{{ formState.fjbrshyjsj }}</span>
                                        </div>
                                    </div>
                                </a-form-item>
                            </a-descriptions-item>
                            <a-descriptions-item :span="3" v-if="descriptionsData('部门审核').hjmc && descriptionsData('部门审核').blzt !== '已办'">
                                <span slot="label" class="descriptions-label-slot">
                                    <span class="xhText" v-if="linkName == '部门审核'">*</span>
                                    科室审核
                                </span>
                                <a-form-item ref="fjbbmshyj" prop="fjbbmshyj" class="zm-form-model">
                                    <div style="width: 100%;" v-if="(descriptionsData('部门审核').blzt !== '已办' && linkName!=='我的已办') || linkName == '数据修订'">
                                        <reviewOpinions
                                            ref="reviewOpinionsReffjbbmshyj"
                                            @getInputOpinion="getInputOpinion"
                                            @openOpinions="opinions('ideaType',formState.fjbbmshyj,'fjbbmshyj')"
                                            v-decorator="[
                                            'fjbbmshyj', {initialValue:formState.fjbbmshyj,rules: rules.fjbbmshyj}]"
                                        />
                                    </div>
                                    <div style="width: 100%;" v-else>
                                        <p>{{ formState.fjbbmshyj }}</p>
                                        <div class="yjqm-right-bottom">
                                            <img v-if="getQmImg(formState.fjbbmshrid)" :src="getQmImg(formState.fjbbmshrid)" alt="" class="yjqmImg"/>
                                            <span v-else class="yjqmImg">{{ formState.fjbbmshr }}</span>
                                            <span>{{ formState.fjbbmshsj }}</span>
                                        </div>
                                    </div>
                                </a-form-item>
                            </a-descriptions-item>
                            <a-descriptions-item :span="3" v-if="descriptionsData('财务审核').hjmc && descriptionsData('财务审核').blzt !== '已办'">
                                <span slot="label" class="descriptions-label-slot">
                                    <span class="xhText" v-if="linkName == '财务审核'">*</span>
                                    财务审核
                                </span>
                                <a-form-item ref="fcwshyj" prop="fcwshyj" class="zm-form-model">
                                    <div style="width: 100%;" v-if="(descriptionsData('财务审核').blzt !== '已办' && linkName!=='我的已办') || linkName == '数据修订'">
                                        <reviewOpinions
                                            ref="reviewOpinionsReffcwshyj"
                                            @getInputOpinion="getInputOpinion"
                                            @openOpinions="opinions('fcwshyj',formState.fcwshyj,'fcwshyj')"
                                            v-decorator="[
                                            'fcwshyj', {initialValue:formState.fcwshyj,rules: rules.fcwshyj}]"
                                        />
                                    </div>
                                    <div style="width: 100%;" v-else>
                                        <p>{{ formState.fcwshyj }}</p>
                                        <div class="yjqm-right-bottom">
                                            <img v-if="getQmImg(formState.fcwshrid)" :src="getQmImg(formState.fcwshrid)" alt="" class="yjqmImg"/>
                                            <span v-else class="yjqmImg">{{ formState.fcwshr }}</span>
                                            <span>{{ formState.fcwshsj }}</span>
                                        </div>
                                    </div>
                                </a-form-item>
                            </a-descriptions-item>
                            <a-descriptions-item :span="3" v-if="descriptionsData('中心领导审批').hjmc && descriptionsData('中心领导审批').blzt !== '已办'">
                                <span slot="label" class="descriptions-label-slot">
                                    <span class="xhText" v-if="linkName == '中心领导审批'">*</span>
                                    中心领导审批
                                </span>
                                <a-form-item ref="fzxspyj" prop="fzxspyj" class="zm-form-model">
                                    <div style="width: 100%;" v-if="(descriptionsData('中心领导审批').blzt !== '已办' && linkName!=='我的已办') || linkName == '数据修订'">
                                        <reviewOpinions
                                            ref="reviewOpinionsReffzxspyj"
                                            @getInputOpinion="getInputOpinion"
                                            @openOpinions="opinions('ideaType',formState.fzxspyj,'fzxspyj')"
                                            v-decorator="[
                                            'fzxspyj', {initialValue:formState.fzxspyj,rules: rules.fzxspyj}]"
                                        />
                                    </div>
                                    <div style="width: 100%;" v-else>
                                        <p>{{ formState.fzxspyj }}</p>
                                        <div class="yjqm-right-bottom">
                                            <img v-if="getQmImg(formState.fzxsprid)" :src="getQmImg(formState.fzxsprid)" alt="" class="yjqmImg"/>
                                            <span v-else class="yjqmImg">{{ formState.fzxspr }}</span>
                                            <span>{{ formState.fzxspsj }}</span>
                                        </div>
                                    </div>
                                </a-form-item>
                            </a-descriptions-item>
                            <a-descriptions-item :span="3" v-if="descriptionsData('出纳审核').blzt == '已办' && linkName !== '数据修订'">
                                <span slot="label" class="descriptions-label-slot">
                                    <span class="xhText" v-if="linkName == '出纳审核'">*</span>
                                    出纳审核
                                </span>
                                <a-form-item ref="fcnshyj" prop="fjbfcnshyjr" class="zm-form-model">
                                    <div style="width: 100%;">
                                        <p>{{ formState.fcnshyj }}</p>
                                        <div class="yjqm-right-bottom">
                                            <img v-if="getQmImg(formState.fcnshrid)" :src="getQmImg(formState.fcnshrid)" alt="" class="yjqmImg"/>
                                            <span v-else class="yjqmImg">{{ formState.fcnshr }}</span>
                                            <span>{{ formState.fcnshsj }}</span>
                                        </div>
                                    </div>
                                </a-form-item>
                            </a-descriptions-item>
                        </a-descriptions>
                    </a-form>
                </div>
            </a-spin>
                <template slot="footer">
                    <a-button v-if="linkName !== '出纳审核' && linkName !== '我的已办'" @click="saveClick()">保存</a-button>
                    <a-button v-if="linkName !== '出纳审核' && linkName !== '我的已办'" class="blue-btn" type="primary" @click="submitClick()">提交并关闭</a-button>
                    <a-button class="red-btn" type="primary" @click="returnClick()">退回</a-button>
                </template>

        </a-modal>
        <totalPrint ref="totalPrintRef" />
        <oaModal v-show="false" ref="oaModalRef" ></oaModal>
        <nkModal v-show="false" ref="nkModalRef" ></nkModal>
        <selectProjectBudgetIndicators ref="selectProjectBudgetIndicatorsRef" @getIndexHandle="getIndexHandle" :multipleChoice="true"/>
        <jcyReimbursement ref="jcyReimbursementRef" @updataReviewData="updataReviewData"/>
        <uploadFilesOther ref="uploadFilesOtherRef" />
        <usualnessApplyFor v-show="false" ref="usualnessApplyForRef"/>
    </div>
</template>
<script>
import {
    queryJobByJobId,
    flowJkPage,
    saveFlow,
    submitFlow,
    downMyQm,
    zzrybxdgetYlsj,
    pidgetlchj,
    getMoreUserSignLinkList,
    getSpuser,
    jcyfybxdupdateBxd,
    jcyfybxdqueryZjlwfList,
    jcyfybxdNkBxJtxcdList,
    jcyfybxdqueryBxryxxListByBxdId,
    returnUpperzdyFlowJob,
    getFzxfzr,
    jcyfybxdqueryFybxdTssxSqPageList,
    queryByJodId,
    getzzsqd,
    jcybxxmbg,
    getybbxbt,
} from './service/index.js'
import YchConstant from "@/api/YchConstant";
import assessCheckApi from './service/api.js'
import moment from 'moment'
import totalPrint from '../reimbursement/totalPrint'
import { axios } from '@/utils/request'
import selectProjectBudgetIndicators from '../reimbursement/selectProjectBudgetIndicators'
import transferRecords from '@/views/administrativeOffice-new/modal/transferRecords'
import jcyReimbursement from '@/views/n-1-inspectorManage/expenseReimbursement/reimbursementModel'
import uploadFilesList from '@/views/administrativeOffice-new/modal/uploadFilesList'
import uploadFilesOther from '@/views/reviewVerificationManage/reimbursement/uploadFilesOther'
import usualnessApplyFor from '../reimbursement/usualnessApplyFor'
export default {
    components:{
        totalPrint,
        oaModal: () => import('@/views/administrativeOffice-new/yiBan/index'),
        nkModal: () => import('@/views/internalControl/yiBan/index'),
        selectProjectBudgetIndicators,
        transferRecords,
        jcyReimbursement,
        uploadFilesList,
        uploadFilesOther,
        usualnessApplyFor,
    },
    data() {
        return {
            rawData: {},
            moment:moment,
            visible: false,
            summaryActiveKey:'汇总表单',
            previewTableList: {},
            expertServicesList: [],
            cform:this.$form.createForm(this, { name: 'cform' }),
            formState: {},
            rules:{
                fjbrshyj: [
                    {
                        required: true,
                        message: '请填写经办人审核意见',
                        trigger: 'blur',
                    }
                ],
                fjbbmshyj: [
                    {
                        required: true,
                        message: '请填写部门审核意见',
                        trigger: 'blur',
                    }
                ],
                fcwshyj: [
                    {
                        required: true,
                        message: '请填写财务审核意见',
                        trigger: 'blur',
                    }
                ],
                fzxspyj: [
                    {
                        required: true,
                        message: '请填写中心领导审批意见',
                        trigger: 'blur',
                    }
                ],
                fcnshyj: [
                    {
                        required: true,
                        message: '请填写出纳审核意见',
                        trigger: 'blur',
                    }
                ],
            },
            loading: false,
            bloading: false,
            tloading: false,
            linkName: '',
            laborCostsList: [],
            validCodeImg: '',
            displayList: [],
            qmImgList: [],
            tableKey: '',
            currentSteps2Table: [],
            transportationList: [],
            transportationList1: [],
            expertServicesList: [],
            expertServicesTotal:0,
            personnelList: [],
            jobHistoryList: [],
            fuZhuRenList: [],
            auditingVisible: false,
            circulationDataTableConfig: {
                api: assessCheckApi.flowJkPage,
                rowId: 'id',
                urlType: true,
                paramet:{
                    oaid: ''
                }
            },
            fjList: [],
            isXmbg: false,
            xmbgData: {},
            isYbbxbt: false,
            ybbxbtData: {}
        }
    },
    methods: {
        getData(val){
            //console.log('我进来啦！！！',val)
            //console.log('没打开吗？',this.visible)
            this.rawData = val
            this.loading = false
            this.bloading = false
            this.tloading = false
            this.previewTableList = {}
            this.previewTableList = val.zzryBd
            // this.linkName = val.jobMap?val.jobMap.fhjmc:'我的已办'
            this.linkName = val.hjmc

            val.jobMap?this.getflowJkPage(val.jobMap.id):this.getqueryById(val.oaMap)

            this.laborCostsList = []
            this.transportationList = []
            if(val.zzryBd.yszb && val.zzryBd.yszb[0].fbmjjflmc == '劳务费'){
                let item = val.zzryBd.bxdgr
                item.forEach((item,index) => {
                    if(Number(item.fybbxje) >= 800){
                        this.laborCostsList.push(item)
                    }
                    // this.transportationList.push({...item,bgColor:(index+1) % 2 == 0?true:false})
                    // this.transportationList.push({...item,bgColor:(index+1) % 2 == 0?true:false})
                })
            }
            if(this.previewTableList.yszb && this.previewTableList.yszb.length){
                if(this.previewTableList.bxd.fbxlx == '一般报销'){
                    this.getybbxbtFuntion()
                } else {
                    this.getJcybxxmbg(this.previewTableList.bxd.id)
                }
            }
            this.getPersonList()
            this.currentSteps2Table = []
            this.currentSteps2Table = val.zzryBd.yszb?val.zzryBd.yszb:[]
            this.getExpertServices()
            this.getFzxfzrFuntion()
            this.getzzsqdList(val.zzryBd.bxd.id)
            // if(val.zzryBd.bxd.fbxlx == '审评员报销'){
                this.getTransportationList()
                this.getTssx()
            // }
            this.circulationDataTableConfig.paramet.oaid = val.oaMap.id
        },
        updataReviewData(){
            let data = {
                jobId: this.rawData.jobMap.id,
                lcmbbm: this.rawData.lcmbbms,
                fpid: this.rawData.oaMap.id,
            }
            queryByJodId(data).then(res => {
                if(res.success){
                    this.getData(res.result)
                }
            })
        },
        getflowJkPage(ids){
            queryJobByJobId({jobid:ids}).then(res => {
                //console.log(res)
                this.jobHistoryList = []
                this.jobHistoryList = res.result.jobHistoryList
                this.formState = res.result.sqsx
                this.formState = {
                    ...this.formState,
                    jobid: res.result.job.id
                }
                this.getDisplayList()
                this.$refs.reviewOpinionsRef = Date.now()

                // if(res.result.sqsx.fbxdlx == '审评员报销单'){
                //     this.getTransportationList()
                // }
                if(res.result.job.fhjmc == '经办人审核' && res.result.sqsx.fbxdlx == '审评员报销单' && !this.previewTableList.yszb){
                    this.summaryActiveKey = '用款计划申请'
                    this.$message.info('提交审核意见前，请先确认是否已选择用款计划！',10)
                }
            })
        },
        getPersonList(){
            getSpuser({bxdid: this.previewTableList.bxd.id}).then(res => {
                //console.log(res)
                // this.qmManList = res.result
                if(res.result.length){
                    res.result.forEach(async item => {
                        let resa = await getMoreUserSignLinkList({ids:item.userid})
                        if(resa.success && resa.result.length){
                            if(resa.result[0].signLink == ''){
                                // //console.log('没有获得图片 signLink == 0')
                                this.qmImgList.push({
                                    ...item,
                                    url: null
                                })
                            } else {
                                this.qmImgList.push({
                                    ...item,
                                    url: resa.result[0].signLink+'&aa='+Date.now()
                                })
                                // //console.log('获得的签名图片列表',this.qmImgList)
                            }
                        }
                    })
                    //console.log('获得的签名图片列表',this.qmImgList)
                }
            })
        },
        getJcybxxmbg(ids){
            jcybxxmbg({fbxdid:ids}).then(res => {
                if(res.success){
                    this.isXmbg = true
                    this.xmbgData = res.result
                }
            })
        },
        getybbxbtFuntion(){
            let data = {
                yszbid: this.previewTableList.bxd.fysxmid,
                bxdid: this.previewTableList.bxd.id,
            }
            getybbxbt(data).then(res => {
                if(res.success){
                    this.isYbbxbt = true
                    this.ybbxbtData = res.result
                }
            })
        },
        getFzxfzrFuntion(){
            getFzxfzr().then(res => {
                if(res.success){
                    this.fuZhuRenList = []
                    this.fuZhuRenList = res.result

                    //console.log('============',this.fuZhuRenList)
                }
            })
        },
        getDbrid(val){
            this.formState.fcwxzrid = val
        },
        getqueryById(val){
            this.formState = val
            this.formState = {
                ...this.formState,
                ...this.previewTableList.bxd
            }
            this.getDisplayList()
        },
        getzzsqdList(ids){
            getzzsqd({fbxdid: ids}).then(res => {
                if(res.success){
                    this.fjList = []
                    this.fjList = res.result
                }
            })
        },
        getDisplayList(){
            pidgetlchj({pid:this.formState.id}).then((res) => {
                let arr1 = res.result
                this.displayList = []
                this.displayList = res.result

                if(this.linkName == '数据修订'){
                    const index = this.displayList.findIndex((item) => item.blzt == '待办');
                    if (index !== -1) {
                        this.displayList.splice(index, 1);
                    }
                    //console.log('this.displayList',this.displayList)
                }

                arr1.forEach(async item => {
                    if(item.blrid && item.blzt!=='待办'){
                        let resa = await getMoreUserSignLinkList({ids:item.blrid})
                        if(resa.success && resa.result.length){
                            if(resa.result[0].signLink == ''){
                                this.qmImgList.push({
                                    hjmc: item.hjmc,
                                    url: null
                                })
                            } else {
                                this.qmImgList.push({
                                    hjmc: item.hjmc,
                                    url: resa.result[0].signLink+'&aa='+Date.now()
                                })
                            }
                        } else {
                        }
                    } else {}
                })
                //console.log('最终获得的签名图片列表---',this.qmImgList)
            })
        },
        async getTransportationList(){
            await jcyfybxdqueryBxryxxListByBxdId({fbxdid:this.previewTableList.bxd.id}).then(res=>{//根据报销单id查询人员列表
                if(res.code == 200){
                    this.personnelList = []
                    this.personnelList = res.result.records
                    //console.log('人员列表---',this.personnelList)
                }else{

                }
            })
            jcyfybxdNkBxJtxcdList({fbxdid:this.previewTableList.bxd.id}).then(res=>{//根据报销单id查询人员列表-交通费
                if(res.code == 200){
                    this.transportationList = []
                    this.transportationList1 = []
                    const sortedItems = res.result.slice().sort((a, b) => {
                        if (a.realname < b.realname) {
                            return -1;
                        }
                        if (a.realname > b.realname) {
                            return 1;
                        }
                        // 如果名字相同，则不改变它们的相对顺序
                        return 0;
                    })
                    sortedItems.forEach(async(item,index)=>{
                        this.transportationList.push({...item,bgColor:(index+1) % 2 == 0?true:false,list:[]})
                        this.transportationList1.push({...item,bgColor:(index+1) % 2 == 0?true:false,list:[]})
                        let resa = await getMoreUserSignLinkList({ids:item.fuserid})
                        if(resa.success && resa.result.length){
                            if(resa.result[0].signLink == ''){
                                this.qmImgList.push({
                                    ...resa.result[0],
                                    url: null
                                })
                            } else {
                                this.qmImgList.push({
                                    ...resa.result[0],
                                    url: resa.result[0].signLink+'&aa='+Date.now()
                                })
                            }
                        }

                    })
                    //console.log('得不得啊？？？？？？？',this.qmImgList,this.transportationList1)
                    let num = ''
                    let arr1 = []
                    let arr2 = {}
                    this.transportationList.forEach((item,index) => {
                        if(arr1.indexOf(item.realname) == -1){
                            arr2 = {}
                            arr1.push(item.realname)
                            num = index

                            arr2 = this.personnelList.filter(items => items.realname == item.realname)
                            //console.log('匹配成功的===========',arr2)
                            let data = {
                                flwfts: arr2[0].flwfts,
                                flwfsbje: arr2[0].flwfsbje,
                                fhsbzts: arr2[0].fhsbzts,
                                fhsbzsbje: arr2[0].fhsbzsbje,
                                fsnjtbzts: arr2[0].fsnjtbzts,
                                fsnjtbzje: arr2[0].fsnjtbzje,
                                fzxfts: arr2[0].fzxfts,
                                fzxfsbje: arr2[0].fzxfsbje,
                                fclfsbhjje: arr2[0].fclfsbhjje,
                                fzxfsfdf: arr2[0].fzxfsfdf,
                                fzxfdfrxm: arr2[0].fzxfdfrxm,
                                flwfsfjgs: arr2[0].flwfsfjgs,
                                flwfgsje: arr2[0].flwfgsje,
                                fyhkh: arr2[0].fyhkh,
                                fkfh: arr2[0].fkfh,
                                fkhhszd: arr2[0].fkhhszd,
                            }
                            this.transportationList1[num] = {...item,...data}
                            this.transportationList1[num].list.push(item)
                        } else {
                            //console.log('放进去的',item)
                            let arr3 = this.personnelList.filter(items => items.realname == item.realname)
                            //console.log('匹配成功的----------',arr3[0].fclfsbhjje)
                            this.transportationList1[index] = {
                                ...item,
                                fclfsbhjje: arr3[0].fclfsbhjje,
                                fzxfsfdf: arr3[0].fzxfsfdf,
                                fzxfdfrxm: arr3[0].fzxfdfrxm,
                            }
                            this.transportationList1[num].list.push(item)
                        }
                    })
                    this.tableKey = Date.now()
                    //console.log('人员列表---',this.transportationList1)
                }
            })
        },
        getTssx(){
            jcyfybxdqueryFybxdTssxSqPageList({fbxdid:this.previewTableList.bxd.id}).then(res => {
                if(res.success){
                    this.previewTableList.tssx = []
                    this.previewTableList.tssx = res.result.records
                }
            })
        },
        getExpertServices(){
            jcyfybxdqueryZjlwfList({fbxdid:this.previewTableList.bxd.id}).then(res=>{
                if(res.code == 200){
                    this.expertServicesList = res.result.records
                    var sum = 0
                    res.result.records.forEach((item,index)=>{
                        let num = Number(item.flwfsqje)
                        sum += num
                    })
                    this.expertServicesTotal = parseFloat(sum.toFixed(2))
                }else{
                    this.expertServicesList = []
                }
            })
        },
        // 选择项目预算指标
        indexHandleClick(){
            this.$refs.selectProjectBudgetIndicatorsRef.visible = true
            this.$refs.selectProjectBudgetIndicatorsRef.getData('')
        },
        // 获取项目预算指标
        getIndexHandle(item,value){
            //console.log(item,value)
            this.currentSteps2Table = []
            this.currentSteps2Table = item
            this.formState.fysxmid = value.join(','),
            this.tableKey = Date.now()
            let data = {
                ...this.formState,
                id:this.formState.id,
            }
            //console.log(this.formState)
            jcyfybxdupdateBxd(data).then(res => {
                if(res.code == 200){
                    this.$message.success(res.message)
                    this.updataReviewData()
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        //汇总
        summaryActiveChange(val){
            //console.log(val)
        },
        // 汇总天数
        returnDayNum(val){
            let str = val;
            let startIndex = str.indexOf("共") + 1
            let endIndex = str.indexOf('天');
            let str3 = str.substring(startIndex, endIndex)
            return str3
        },
        opinions(val1,val2,val3){
            //console.log(val1,val2,val3)
            this.$refs[`reviewOpinionsRef${val3}`].getData({opinionType:val1,oldVal:val2,valueData:{hjmc:val3}})
        },
        getInputOpinion(val,valueData){
            //console.log('--------',val,valueData)
            let data = this.formState
            data[valueData.hjmc] = val
            this.cform.setFieldsValue({
                fjbrshyj: this.formState.fjbrshyj,
                fjbbmshyj: this.formState.fjbbmshyj,
                fcwshyj: this.formState.fcwshyj,
                fzxspyj: this.formState.fzxspyj,
                fcnshyj: this.formState.fcnshyj,
            });
        },
        // getQmImg(ids){
        //     let url = ''
        //     this.imgList.forEach(item => {
        //         if(item.fhjmc == ids){
        //             url = item.url
        //         }
        //     })
        //     return url
        // },
        getNameList(list){
            let str = ''
            list.forEach(item => {
                str = str + item.realname + ' '
            })
            return str
        },
        descriptionsData(hjmc){
            let data = {}
            this.displayList.forEach(item => {
                // //console.log('descriptionsData000',hjmc,item)
                if(item.hjmc == hjmc){
                    data = {...item}
                }
            })
            //console.log('descriptionsData',data)
            return data
        },
        getQmImgs(ids){
            downMyQm({id:ids}).then(resa => {
                //console.log('签名图片',resa)
                if(resa.code){
                    //console.log('没有获得图片',ids)
                    return null
                } else {
                    //console.log('我获得了图片',ids)
                    //console.log("data:image/png;base64," +
                    // btoa( new Uint8Array(resa).reduce( (data, byte) => data + String.fromCharCode(byte), "" )))

                    return "data:image/png;base64," +
                    btoa( new Uint8Array(resa).reduce( (data, byte) => data + String.fromCharCode(byte), "" ))
                }
            })
        },

        getQmImg(ids){
            let url = null
            if(ids){
                this.qmImgList.forEach(item => {
                    if(ids == item.userid){
                        url = item.url
                    }
                })
            }
            return url
        },
        jcyEditHandle(){
            var that = this
            that.$confirm({
                title: '您确定要编辑当前表单数据吗?',
                onOk() {
                    that.$refs.jcyReimbursementRef.getEditData({sqsxid:that.previewTableList.bxd.fsqsxid,bxdid: that.previewTableList.bxd.id,view:false,heightType:'model'},{isInit:false})
                    that.$refs.jcyReimbursementRef.visible = true
                },
                onCancel() {},
            });
        },
        saveClick(){
            this.bloading = true
            let data = {
                jobid: this.formState.jobid,
                map: {},
                oaid: this.formState.id,
                opinion: "",
            }
            if(this.linkName == '经办人审核'){
                data.opinion = this.formState.fjbrshyj?this.formState.fjbrshyj:''
                data.map = {
                    fjbrshyj: this.formState.fjbrshyj?this.formState.fjbrshyj:''
                }
            } else if(this.linkName == '部门审核'){
                data.opinion = this.formState.fjbbmshyj?this.formState.fjbbmshyj:''
                data.map = {
                    fjbbmshyj: this.formState.fjbbmshyj?this.formState.fjbbmshyj:''
                }
            } else if (this.linkName == '财务审核'){
                data.opinion = this.formState.fcwshyj?this.formState.fcwshyj:''
                data.map = {
                    fcwshyj: this.formState.fcwshyj?this.formState.fcwshyj:'',
                    fcwxzrid: this.formState.fcwxzrid?this.formState.fcwxzrid:''
                }
            } else if (this.linkName == '中心领导审批'){
                data.opinion = this.formState.fzxspyj?this.formState.fzxspyj:''
                data.map = {
                    fzxspyj: this.formState.fzxspyj?this.formState.fzxspyj:''
                }
            }
            saveFlow(data).then(res => {
                if(res.success){
                    this.$message.success(res.message)
                } else {
                    this.$message.warning(res.message)
                }
                this.bloading = false
            })
        },
        submitClick(){
            //console.log(this.formState)
            this.cform.validateFields((err, values) => {
                if (!err) {
                    let data = {
                        jobid: this.formState.jobid,
                        map: {},
                        oaid: this.formState.id,
                        opinion: "",
                        fcwxzrid: '',
                    }
                    if(this.linkName == '经办人审核'){
                        data.opinion = this.formState.fjbrshyj?this.formState.fjbrshyj:''
                        data.map = {
                            fjbrshyj: this.formState.fjbrshyj?this.formState.fjbrshyj:''
                        }
                    } else if(this.linkName == '部门审核'){
                        data.opinion = this.formState.fjbbmshyj?this.formState.fjbbmshyj:''
                        data.map = {
                            fjbbmshyj: this.formState.fjbbmshyj?this.formState.fjbbmshyj:''
                        }
                    } else if (this.linkName == '财务审核'){
                        data.opinion = this.formState.fcwshyj?this.formState.fcwshyj:''
                        data.map = {
                            fcwshyj: this.formState.fcwshyj?this.formState.fcwshyj:'',
                            fcwxzrid: this.formState.fcwxzrid?this.formState.fcwxzrid:''
                        }
                    } else if (this.linkName == '中心领导审批'){
                        data.opinion = this.formState.fzxspyj?this.formState.fzxspyj:''
                        data.map = {
                            fzxspyj: this.formState.fzxspyj?this.formState.fzxspyj:''
                        }
                    } else if (this.linkName == '出纳审核'){
                        data.opinion = '确认核销'
                        data.map = {
                            fcnshyj: '确认核销'
                        }
                    }
                    var that = this
                    that.$confirm({
                        title: '您确定要提交吗?',
                        onOk() {
                            that.tloading = true
                            submitFlow(data).then(res => {
                                if(res.success){
                                    that.$message.success(res.message)
                                    that.$emit('success')
                                    that.auditingVisible = false
                                    that.visible = false
                                } else {
                                    that.$message.warning(res.message)
                                }
                                that.tloading = false
                            })
                        },
                        onCancel() {},
                    })
                }
            })
        },
        returnClick(){
            this.cform.validateFields((err, values) => {
                if (!err) {
                    var that = this
                    that.$confirm({
                        title: '您确定要退回吗?',
                        onOk() {
                            // that.spinning = true
                            //console.log('历史列表',that.jobHistoryList)
                            let slist = {}
                            if(that.linkName == '财务审核'){
                                slist = that.jobHistoryList.filter(item => item.fhjmc == '填写报销单')
                            }
                            if(that.linkName == '出纳审核'){
                                slist = that.jobHistoryList.filter(item => item.fhjmc == '财务审核')
                            }
                            //console.log(slist)
                            let ids = slist[0].id
                            // that.returnFuntion(that.formState.jobid,sortedDates[slist.length - 1].id)
                            // let slist = list.filter(item => item.fhjmc == '起草')
                            // const sortedDates = slist.sort((a, b) => new Date(b) - new Date(a));
                            that.returnFuntion(that.formState.jobid,ids)
                        },
                        onCancel() {},
                    });
                }
            })
        },
        returnFuntion(jobid,ids){
            let returnStr = ''
            if(this.linkName == '财务审核'){
                returnStr = this.formState.fcwshyj
            } else if(this.linkName == '出纳审核'){
                returnStr = '不同意'
            }
            let data = {
                jobid: jobid,
                opinion: returnStr,
                shjid: ids,
            }
            this.tloading = true
            returnUpperzdyFlowJob(data).then(res => {
                if(res.code == 200){
                    this.$emit('success')
                    this.$message.success(res.message)
                    this.auditingVisible = false
                    this.visible = false
                } else {
                    this.$message.error(res.message)
                }
                this.tloading = false
            })
        },
        uploadFilesListOther(val){
            this.$refs.uploadFilesOtherRef.getData({id: this.formState.id},val)
        },
        totalPrintClick(){//打包打印
            this.$refs.totalPrintRef.getData(
                this.formState,
                this.previewTableList,
                this.qmImgList,
                {
                    expertServicesList:this.expertServicesList,
                    expertServicesTotal:this.expertServicesTotal,
                    transportationList1: this.transportationList1
                }
            )
            this.$refs.totalPrintRef.visible = true
        },
        previewClick(val){
            let data = {
                bxdid: this.previewTableList.bxd.id,
                sqsxid: val.id
            }
            zzrybxdgetYlsj(data).then(res => {
                if(res.success){
                    if(res.result.records.flcmb == 'NK_HTSPLC'){
                        this.$refs.nkModalRef.reviseClick(res.result.records)
                        return
                    }
                    this.$refs.oaModalRef.reviseClick(res.result.records)
                } else {
                    this.$message.warning(res.message)
                }
            })
        },
        previewClicks(val){
            this.$refs.usualnessApplyForRef.usualnessApplyForView(val)
        },
    },
}
</script>
<style lang="less">
.reimbursementApplication-modal-Lu {
    img {
        width: 100px;
        height: 30px;
    }
    .ant-modal {
        background-color: #5ca3e5;
        position: static;
        width: 100%;
        height: 100%;
        top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 auto !important;
    }
    .ant-modal-content {
        height: 100%;
    }
    .ant-modal-body {
        padding: 15px !important;
        background-color: white;
        overflow-y: scroll;
        height: calc(100vh - 108px) !important;
    }
    .ant-modal-wrap {
        background-color: white;
    }
    .reimbursementApplication-auditingModal-summary-table{
        .tabs-card-edit-box{
            margin: 5px 15px 0 15px;
            .ant-tabs-bar{
                // border: 0 !important;
                border-color: #38f !important;
                margin: 0 !important;
            }
            .ant-tabs-tab{
                background: #edeff3 !important;
                font-size: 14px !important;
                margin-left: 1px !important;
                height: 30px !important;
                line-height: 30px !important;

            }
            .ant-tabs-tab-active{
                margin: 0 !important;
                margin-left: 0 !important;
                margin-right: 1px !important;
                background-color: #38f !important;
                color: #fff !important;
                height: 32px !important;
                border: 1px solid #38f !important;
                border-bottom: 0 !important;
                padding:0 15px !important;

            }
            .ant-tabs-nav-container{
                height: 32px !important;
            }
        }
        .tab-box-v1{
            border: 1px solid #38f;
            border-top: 0;
            margin: 0 15px;
            // height: calc((100vh - 260px) / 2 );
            height: calc(100vh - 200px);
            overflow: auto;
            overflow-y: scroll
        }

        .tabs-card-edit-box2{
            .ant-tabs-tab{
                // margin-right: 5px !important;
                border-bottom-left-radius: 10px !important;
                border-bottom-right-radius: 10px !important;
            }
        }
        .tabs-card-edit-box3{
            .ant-tabs-tab-active{
                background-color: #fff !important;
                color: #38f !important;
            }
        }
        .tabs-card-edit-box4{
            .ant-tabs-tab{
                // margin-right: 5px !important;
                border-top-left-radius: 10px !important;
                border-top-right-radius: 10px !important;
            }
            .ant-tabs-tab-active{
                background-color: #fff !important;
                color: #38f !important;
            }
        }
        .internalControl-reimbursement-summary-1{
            width: 100%;
            padding: 10px 15px;
            .table-hear{
                display: flex;
                font-weight: 600;
                flex-direction: column;
                h3{
                    font-weight: 600;
                    font-size: 22px;
                    text-align: center;
                }
                span{
                    display: inline-block;
                    width: calc(100% - 8px);
                    text-align: right;
                    padding-right: 8px;
                }
            }
            .serviceFee-icon-text-td{
                width: 120px;
            }
            .serviceFee-icon-text{
                display: flex;
                align-items: center;
                padding: 0 5px;
                .serviceFee-icon{
                    color: #5ca3e5;
                }
                span{
                    text-align: center;
                    flex: 1;
                }
            }
            .preview-box {
                width: 60%;
                margin: 0 auto;
            }
            .internalControl-reimbursement-transportation-table{
                th{
                    text-align: center;
                    font-size: 16px;
                    padding: 3px 5px;
                }
                td{
                    text-align: center;
                    padding: 3px 5px;
                    height: 40px;
                    font-size: 16px;
                }
                .special-table-lable-td{
                    background-color: #e6f7ff;
                    width: 150px;
                }
            }
            .expenseApprovalForm-print-box {
                font-size: 18px;
                font-family: 宋体;
                color: black;
                h1 {
                    text-decoration: underline;
                    text-align: center;
                    color: #5ca3e5;
                }
                .expenseApprovalForm-table {
                    width: 100%;
                    text-align: center;
                    table-layout: fixed;
                    td {
                    min-width: 10px;
                    padding: 10px 5px !important;
                    }
                }
                table {
                    border-color: #5ca3e5;
                    border-top: 2px solid #5ca3e5;
                    border-left: 2px solid #5ca3e5;
                    border-right: 2px solid #5ca3e5;
                    border-bottom: 2px solid #5ca3e5;
                }
                h1 {
                    color: #5ca3e5;
                    font-weight: bold;
                    letter-spacing: 4px;
                    // font-size: 35px;
                }
                .Title {
                    color: #5ca3e5;
                    // font-weight: bold;
                    text-align: center;
                }
                .letterSpan {
                    // letter-spacing: 8px;
                }
                .td-rowspan {
                    width: 1px !important;
                    min-width: 1px !important;
                    padding: 1px 0;
                }
                .expenseApprovalForm-print-title-box {
                    display: flex;
                    justify-content: space-between;
                }
            }
            .applicationForTransferForm-table {
                width: 100%;
                text-align: center;
                font-size: 18px;
                font-family: 宋体;
                color: black;
                // table-layout: fixed;
                th {
                padding: 10px 5px !important;
                }
                td {
                min-width: 10px;
                padding: 5px !important;
                }
            }
        }
        .travelReimbursementForm-print-box {
            font-size: 14px;
            font-family: 宋体;
            color: black;
            h1 {
                text-decoration: underline;
                text-align: center;
                color: #5ca3e5;
            }
            .travelReimbursementForm-table {
                width: 100%;
                text-align: center;
                table-layout: fixed;
                td {
                // min-width: 10px;
                padding: 0 !important;
                }
            }
            table {
                border-color: #5ca3e5;
                border-top: 2px solid #5ca3e5;
                border-left: 2px solid #5ca3e5;
                border-right: 2px solid #5ca3e5;
                border-bottom: 2px solid #5ca3e5;
            }
            h1 {
                color: #5ca3e5;
                font-weight: bold;
                letter-spacing: 4px;
                // font-size: 35px;
            }
            .Title {
                color: #5ca3e5;
                // font-weight: bold;
                text-align: center;
            }
            .letterSpan {
                // letter-spacing: 8px;
            }
            .td-rowspan {
                width: 1px !important;
                min-width: 1px !important;
                padding: 1px 0;
            }
            .travelReimbursementForm-print-title-box {
                display: flex;
                justify-content: space-between;
            }
        }
        .applicationForTransferForm-print-box {
            font-size: 18px;
            font-family: 宋体;
            color: black;
            h1 {
                text-align: center;
            }
            .applicationForTransferForm-table {
                width: 100%;
                text-align: center;
                // table-layout: fixed;
                th {
                padding: 10px 5px !important;
                }
                td {
                min-width: 10px;
                padding: 5px !important;
                }
            }
            table {}
            h1 {
                font-weight: bold;
                letter-spacing: 4px;
                // font-size: 35px;
            }
            .Title {
                color: #5ca3e5;
                // font-weight: bold;
                text-align: center;
            }
            .letterSpan {
                // letter-spacing: 8px;
            }
            .td-rowspan {
                width: 1px !important;
                min-width: 1px !important;
                padding: 1px 0;
            }
        }
    }
}
.internalControl-reimbursement-auditingModal-form-box {
    .internalControl-reimbursement-model-form-box {
        padding: 0 15px;
        margin-top: 20px;
        .ant-descriptions-bordered .ant-descriptions-item-label{
            font-weight: 600;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.85);
            background-color:#e6f7ff;
            width: 88px !important;
            text-align: right;
            font-family:simHei !important;
        }
        .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
            padding: 5px 10px !important;
            .ant-form-item {
                margin-bottom: 0 !important;
            }
        }
        .descriptions-label-slot{
            display: flex;
            align-items: center;
            width: 120px !important;//确保左侧固定文字不会换行
            justify-content: center;
        }
        .xhText{
            display: inline-block;
            color: #f5222d;
            line-height: 31px;
            padding-right: 2px;
            font-size: 14px;
            font-weight: 600;
            height: 30px;
        }
        .descriptions-item-center{

        }
        .ant-form-inline .ant-form-item-with-help{
            margin-bottom: 0px !important;
        }
        .zm-form-model{
            display: flex;
            .ant-form-item-control-wrapper{
                flex: 1;
            }
        }
        .ant-form-item-control-wrapper{
            font-family:仿宋_GB2312 !important;
        }
        .ant-descriptions-bordered .ant-descriptions-row{
            border-bottom: 1px solid #e4e3e3;
        }
        .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
            border-right: 1px solid #e4e3e3;
        }
        .ant-descriptions-bordered .ant-descriptions-view{
            border: 1px solid #e4e3e3;
            border-right: 0;
        }
        .ant-descriptions-row:last-child{
            border-bottom: 0;
        }
    }
}
</style>
